<html>

<head>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <style>
        p {
            word-wrap: break-word;
            overflow: auto;
        }

        /* 媒体查询 */
        /* 小屏幕设备（手机） */
        @media screen and (max-width: 600px) {
            p {
                width: 14em;
                height: 10rem;
            }
        }

        /* 平板设备 */
        @media screen and (min-width: 601px) and (max-width: 900px) {
            p {
                width: 24em;
                height: 10rem;
            }
        }

        /* 笔记本电脑和桌面显示器 */
        @media screen and (min-width: 901px) {
            p {
                width: 34rem;
                height: 10rem;
            }
        }
    </style>
</head>

<body>
    <div>
        <p>sdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsasdsadsa123123
        </p>
    </div>
</body>

</html>